<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
		<title>预定详情</title>
		<script src="__INDEX__/js/mui.min.js"></script>
		<link href="__INDEX__/css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="__INDEX__/css/iconfont.css" />
		<link rel="stylesheet" href="__INDEX__/css/style.css" />
		<link rel="stylesheet" href="__INDEX__/css/index.css" />
	</head>
	<style>
		.mode {
			float: right
		}
		
		.total {
			font-size: 16px;
		}
		
		.dd_del {
			font-size: 14px;
			margin-left:10px
		}
	</style>

	<body class="mui-ios mui-ios-11 mui-ios-11-0">
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">预定详情</h1>
		</header>

		<div class="mui-content">
			<div class="shoplist_box">
				<ul class="index_sjlist" id="store_ul">
					<li>
						<div class="index_sjimg"><img src="{$vo.type  == 1 ? $vo.room_img : $vo.thumb}" style='width:100px'></div>
						<div class="index_sjinfo">
							<div class="index_spname">{$vo['store_name']}</div>
							<div class="index_spname">{$vo['room_name']}</div>
						</div>
					</li>
				</ul>
			</div>

			<div class="shoplist_box">
				<ul class="index_sjlist order_det">
					<li class='dd_del'>订单信息</li>
					<li>
						<div class="index_spname">订单号：{$vo.order_sn}</div>
						{if condition="$vo.type eq 2"}
						<div class="index_spname">桌台名称： {if condition="$vo.is_rooms eq 1"} 包房 {else} 其他 {/if}</div>
						{/if}
						<div class="index_spname">预订人：{$vo.user_name}</div>
						<div class="index_spname">预定手机号：{$vo.mobile}</div>
						<div class="index_spname">预定时间：{if condition="$vo.type eq 1"}{$vo.add_time}{else}{$vo.jc_time}{/if}</div>
					</li>
					<li class='total'>订单总额：￥{$vo.balance}
						<div class='mode'>{$vo.pay_name}</div>
					</li>
				</ul>
			</div>
			 
			<div style="display: none;" id="ewm">
				<div id="qrcode" style="margin-top: 30px;margin-left: 10px;"></div>
				<div style="margin-top: -60px;margin-left: 130px;">订单二维码，入住时请出示该码</div>
			</div>
		</div>

		<script src="__INDEX__/js/jquery.js"></script>
		<script src="__INDEX__/js/jquery.qrcode.js"></script>
		<script src="__INDEX__/js/utf.js"></script>
		<script> 
			$(function(){
				var type = "{$vo.type}";
				var state = "{$vo.state}";
				var is_hx = "{$vo.is_hx}";
				if(parseInt(type) == 1 && parseInt(state) == 2 && parseInt(is_hx) == 0){
					$('#ewm').show();
				}
			});
			$("#qrcode").qrcode({
				render: "canvas", //设置渲染方式，有table和canvas，使用canvas方式渲染性能相对来说比较好
				text: "{$vo.order_sn}",
				width: "100", //二维码的宽度
				height: "100", //二维码的高度
				background: "#ffffff", //二维码的后景色
				foreground: "#000000", //二维码的前景色
				src: "" //二维码中间的图片
			});
		</script>